@import 'base';

.logistics-detail-main{

  //*****订单商品数量*****
  .goods-num-box{
    display: flex;
    height: 104px;
    padding:12px 15px;
    box-sizing: border-box;

    div{
      height: 80px;
      width:auto;
      max-width:264px;
      overflow: hidden;
      overflow-x: scroll;
      ul{
        height: 100%;

        li{
          width: 80px;
          margin-right: 8px;
          img{
            width: 80px;
            height: 80px;
          }
        }
      }
    }

    .good-total{
      display: flex;
      justify-content:center;
      align-items: center;
      height: 100%;
      width: 80px;
      z-index:10;
      color: #999AA3;
    }
  }
  //*****订单商品数量*****

  //*****运单号*****
  .waybill-number{
    display: flex;
    width: 100%;
    height: 78px;
    padding: 12px 15px;
    box-sizing: border-box;

    .expressage-icon{
      width: 57px;
      height: 100%;
      display: flex;
      justify-content: left;
      align-items: center;

      img{
        width: 45px;
        height: 45px;
        border-radius: 50%;
        vertical-align: top;
      }
    }

    .expressage-company{
      width:calc(100% - 57px);

      p{
        width: 100%;
      }
    }
  }
  //*****运单号*****

  //*****物流进度*****
  .expressage-step{
    width: 100%;
    height:auto;
    padding: 15px;
    box-sizing: border-box;

    .loginstics-info{
      width: 100%;
      height:auto;

      .loginstics-box{
        display: flex;
        line-height: 18px;

        .box-left{
          width: 60px;
          padding:0 20px 20px 0;
          box-sizing: border-box;
        }

        .box-right{
          width: calc(100% - 60px);
          padding:0 0 20px 20px;
          box-sizing: border-box;

          .terminus{
            top:0;
            left:-11px;
            background-color: #E6E6E6;
            width: 22px;
            height: 22px;
            line-height: 22px;
            border-radius: 50%;
            font-size: 12px;
            color: #fff;
            font-style: normal;
            z-index:10;
          }

          .terminusing{
            background-color: #DCC4F9;
            width: 22px;
            height: 22px;
            color: #fff;
          }

          .terminused{
            top:6px;
            left: -4px;
            width: 9px !important;
            height: 9px !important;
          }
        }
      }
    }

  }
  //*****物流进度*****
}


